<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>订单页面</title>

    <link rel="stylesheet" href="__STATIC__/before/style/home.css" type="text/css">
    <link rel="stylesheet" href="__STATIC__/before/style/order.css" type="text/css">
    <link rel="stylesheet" href="__STATIC__/layui-v2.2.5/layui/css/layui.css" type="text/css">
    <!--<link href="https://cdn.bootcss.com/layer/3.1.0/theme/default/layer.css" rel="stylesheet">-->
    {include file="public/header" /}
    <style>
       th strong {
            display: inline-block;
            width: 75px;
            height: 14px;
            margin: 1px 5px 0 0;
            background: url('__STATIC__/before/images/newicon.png') -109px -239px no-repeat;
        }
       th strong.star1{
           width: 15px;
       }
       th strong.star2{
           width: 30px;
       }
       th strong.star3{
           width: 45px;
       }
       th strong.star4{
           width: 60px;
       }
       th strong.star5{
           width: 75px;
       }


    </style>
</head>
<body>
<!-- 顶部导航 start -->
{include file="public/topnav" /}
<!-- 顶部导航 end -->

<div style="clear:both;"></div>

<!-- 头部 start -->
<div class="header w1210 bc mt15">
    <!-- 头部上半部分 start 包括 logo、搜索、用户中心和购物车结算 -->
    {include file="public/top-header" /}
    <!-- 头部上半部分 end -->

    <!-- 导航条部分 start -->
    {include file="public/nav-different" /}
    <!-- 导航条部分 end -->
</div>
<!-- 头部 end-->

<div style="clear:both;"></div>

<!-- 页面主体 start -->
<div class="main w1210 bc mt10">


    <!-- 左侧导航菜单 start -->
    {include file="public/left_menu" /}
    <!-- 左侧导航菜单 end -->

    <!-- 右侧内容区域 start -->
    <div class="content fl ml10">
        <table class="layui-table">
            <colgroup>
                <col width="100">
                <col width="190">
                <col>
            </colgroup>
            <thead>
            <tr>
                <th>#</th>
                <th>商品昵称</th>
                <th>时间</th>
                <th>商品图片</th>
                <th>评价内容</th>
                <th>星级</th>
            </tr>
            </thead>
            <tbody>
            <div style="display:none;">{$i}</div>
            {volist id='comments' name='comments' empty="暂时没有数据"}
            <tr>
                <td>{$i}</td>
                <td>{$comments['goods']->goods_name}</td>
                <td>{$comments->time}</td>

                <td><img src="__STATIC__/before/images/{$comments->goods_img}" alt=""></td>
                <td>{$comments->comments}</td>

                <th>
                    <strong class="star star{$comments->level}"></strong>
                </th>
            </tr>
            {/volist}
            </tbody>
        </table>
    </div>
    <!-- 右侧内容区域 end -->
</div>
<!-- 页面主体 end-->

<div style="clear:both;"></div>

<!-- 底部导航 start bottomnav-->
{include file="public/bottomnav" /}
<!-- 底部导航 end -->

<div style="clear:both;"></div>
<!-- 底部版权 start -->
<div class="footer w1210 bc mt10">
    {include file="public/footer" /}
</div>
<!-- 底部版权 end -->
</body>
<script type="text/javascript" src="__STATIC__/before/js/home.js"></script>

<script>
    function warning(info, url){
        if(window.confirm(info)){
            window.location.href = url;
        }
    }
</script>
</html>